<template >
  <div class="warpper" >
    <div class="_msg" >
    <div class="_msg-header">{{ msg }}</div>

    <div class="_msg-con _base" v-if="show">
      <div>商品公司:{{this.shopmsg.company}}</div>
      <div>商品名称:</div>
      <div>价格:2</div>
      <div>数量:2</div>
      <div>合计:4</div>
    </div>
  </div>
  </div>
 
</template>

<script>
import { Bus } from "../Bus/index";
import { GetShoplMsg } from "../api/bigcustomer";
export default {
  data() {
    return {
      show: true,
      msg: "信息",
      data: [],
      shopmsg: [],
    };
  },
  mounted() {
   
    GetShoplMsg({ goodname:this.data.product_name}).then((res) => {
      this.shopmsg = res;

      if (this.shopmsg.length!=0) {
        this.show=false
        this.msg='暂无商品信息'
        // this.$store.commit("changeList");
      }else{
        this.show=true
        this.msg='信息'
      }
    });
  },
};
</script>

<style scoped>
._base {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
._msg {
  border: 1px solid #e0e0e0;
  margin-bottom: 40px;
}
._msg-header {
  height: 70px;
  line-height: 70px;
  box-sizing: border-box;
  padding-left: 30px;
  background-color: #f2f2f2;
  border: 1px solid #e0e0e0;
}
._msg-con {
  box-sizing: border-box;
  padding: 0 100px;
  height: 150px;
}
</style>